<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jquery.min.js"></script>
</head>
<body>
    <script>
        /*如果想要把某个对象拷贝(合并)给另外一个对象使用，此时可以使用$.extend()方法
        语法：$.extend([deep],target,object1,[objectN])
        1.deep:如果设为true为深拷贝，默认为false浅拷贝
        2.target：要拷贝的目标对象
        3.object:待拷贝到第一个对象的对象*/

        //情况1

        // $(function(){
        //     var targetObj = {};
        //     var obj = {
        //         id:1,
        //         name:"andy"
        //     }
        //     $.extend(targetObj,obj);
        //     console.log(targetObj);
        // })

        //情况2

        // $(function(){
        //     var targetObj = {
        //         id:0,
        //         password:112
        //     };
        //     var obj = {
        //         id:1,
        //         name:"andy"
        //     }
        //     $.extend(targetObj,obj);
        //     console.log(targetObj);//会覆盖原来的数据
        // })

        //情况3
        $(function(){
            var targetObj = {
                id:0,
                password:112,
                msg:{
                    age:18
                }
            };
            var obj = {
                id:1,
                name:"andy",
                msg:{
                    sex:"男"
                }
            }
            $.extend(true,targetObj,obj);
            targetObj.msg.age=20;
            targetObj.id=20;
            console.log(targetObj);
            console.log(obj);//会覆盖原来的数据
        })
    </script>
</body>
</html>